
*{
    margin:0;
    padding:0;
}
body {
    background: #fff;
    font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"SimSun";
    margin: 0;
    overflow-x: hidden;
    color: #797979;
}
html {
    position: relative;
    min-height: 100%;
    background: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333;
    font-family: "Microsoft YaHei","Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1 {
    line-height: 43px;
}
h2 {
    line-height: 35px;
}
h3 {
    line-height: 30px;
}
h3 small {
    color: #444444;
}
h4 {
    line-height: 22px;
}
h4 small {
    color: #444444;
}
h5 {
    font-size: 15px;
}
h5 small {
    color: #444444;
}
p {
    line-height: 1.6;
}
* {
    outline: none !important;
}
b {
    font-weight: 600;
}
a:hover {
    outline: 0;
    text-decoration: none;
}
a:active {
    outline: 0;
    text-decoration: none;
}
a:focus {
    outline: 0;
    text-decoration: none;
}
ul,ol {
    list-style: none;
    padding:0;

}
.mall{
    width:1000px;
    margin:0 auto;
}

.mall-close{
    width:46px;
    height:30px;
    background:url(../images/icon_close_default.png)no-repeat center center;
    float:right;
    cursor: pointer;
}
.mall-close:hover{
    background:url(../images/icon_close_hover.png)no-repeat center center;
}
.mall-close{
    width:46px;
    height:30px;
    background:url(http://test.web.install.office.zhuazi.com/images/icon_close_default.png)no-repeat center center;
    float:right;
    cursor: pointer;
}
.mall-close:hover{
    background:url(http://test.web.install.office.zhuazi.com/images/icon_close_hover.png)no-repeat center center;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.jihuo-logo{
    margin-top:25px;
    margin-left:130px;

}
.jihuo-center{
    margin:20px 192px;
}
.jihuo-center h3{
    text-align: center;
    font-size:32px;
    color:#444;
    font-weight:500;
    line-height:1.2;
}
.jihuo-center .jihuo-title{
    margin-bottom:40px;
}
.jihuo-center .jihuo-title2{
    margin-bottom:24px;
}
.jihuo-center p{
  margin-bottom:53px;
}
.jihuo-center p span{
    color:#2b579a;
}
.jihuo-bottom .login-ewm{
    display: block;
    width:170px;
    height:170px;
    margin:2px;
    padding-top:2px;
}
.jihuo-bottom{
    text-align: center;
    background:url(../images/pic_code_bg.png) no-repeat 0 0;
    width:174px;
    margin:0 auto;
}
.jihuo-bottom img{
    width:170px;
    height:170px;
    display: block;
    margin:2px;
}
.jihuo-bottom p{
    font-size:14px;
    color:#333;
    margin-top:16px;
}
.jihuo-center{
    font-size:14px;
    color:#444;
}
.pay-center{
    margin:0 130px;
    position: relative;
}
.office-family{
  float:left;
}
.office-tab{
    width:362px;
    height:132px;
    line-height:38px;
    text-align:center;
    position:relative;
    cursor: pointer;
}
.office-family{
    background:url(../images/365home_down.png)no-repeat;
}
.office-person{
    background:url(../images/365personal_default.png)no-repeat;
}

.active-family{
    background:url(../images/365home_down.png)no-repeat !important;
}
.active-personal{
    background:url(../images/365personal_down.png)no-repeat !important;
}
.active-family-out{
    background:url(../images/365home_default.png)no-repeat !important;
}
.active-personal-out{
    background:url(../images/365personal_default.png)no-repeat !important;
}

.office-tab .user-span{
    position:absolute;
    display: inline-block;
    width:68px;
    height:16px;
    line-height: 16px;
    background: #d83b01;
    font-size:12px;
    color:#fff;
    right:7px;
    top:7px;
}
.office-tab p{
    text-align: center;
    cursor: pointer;
    font-size:14px;
    color:#444;
    height:38px;
    line-height:38px;
}
.office-person{
    float:right;
}
.pay-title{
    position:relative;
}
.pay-detail span{
    position: absolute;
    right:90px;
    bottom:6px;
    color:#2b579a;
    font-size:14px;
    cursor: pointer;
}
.pay-bottom{
    position: relative;
}
.pay-article-detail{
    border-top:1px solid #e5e5e5;
    padding-top:34px;
}
.pay-bottom .pay-bottom-left{
    width:130px;
    height:130px;
    position: relative;
    background:url('../images/pic_code_bg.png')no-repeat 0 0;
    background-size:100%;
}
.pay-bottom .pay_ali{
    position: absolute;
    left:154px;
    top:70px;
}
.pay-bottom-left{
    margin-bottom:15px;
}
.pay-bottom-left .ewm{
    width: 122px;
    height:122px;
    display: inline-block;
    padding:4px;
}
.pay-bottom-title .span1{
    font-size:14px;
    color:#2b579a;
    font-weight: 600;
}
.pay-bottom-title{
    position: relative;
    float:right;
}
.pay-bottom-title .span2{
    font-size:12px;
    color:#b0b0b0;
}
.kefu{
    position: absolute;
    height:113px;
    width:46px;
    right: -134px;
    bottom: 0;
    cursor: pointer;
}
.actives{
    border:2px solid #2b579a;
}
.tab-show{
    display: none;
    margin-top:26px;
}
#item-1{
    display: block;
}
.key-center{
    text-align: center;
}
.key-center-title h3{
    margin-top:20px;
    text-align: center;
    font-size:32px;
    color:#444;
    font-weight:500;
    line-height:1.2;
}
.keyword{
    width:380px;
    height:38px;
    text-align: center;
    margin:0 auto;
}
.keyword p{
    border:1px solid #2b579a;
    width:378px;
    height:36px;
    text-align: center;
    line-height:36px;
    color:#333;
    font-size:16px;
}
.key-title{
    text-align: center;
    width:300px;
    margin:60px auto;
    font-size:14px;
    color:#333;
    line-height:1.4;
}
.key-title .btnclick{
    color:#2b579a;
    cursor: pointer;
}
.key-bottom span{
    width:310px;
    height:36px;
    background:#2b579a;
    color:#fff;
    display:block;
    text-align: center;
    margin:17px auto;
    line-height:36px;
    text-decoration: none;
    cursor: pointer;
}
.mall-logo{
    padding-top:30px;
    margin-left:20px;
}
.mall-article{
    margin-top:26px;
}
.jihuo-login{
    position: relative;
    width:174px;
    margin:0 auto;
}
.jihuo-login .jihuo-icon{
    position: absolute;
    left:68px;
    top:68px;
}
.login_loading{
    position: absolute;
    left:68px;
    top:68px;
    z-index:100;
}
.login-again{
    position:absolute;
    left:0;
    top:0;
    z-index:1000;
    cursor: pointer;
    display: none;
}
.pay-bottom  .pay-icon{
    position: absolute;
    left:50px;
    top:50px;
    width:30px;
    height:30px;
}
.pay-detail{
    float:left;
    width:368px;
    padding-right:53px;
    position: relative;
}
.pay-bottom{
    float:right;
}
.pay-ewm{
    position: absolute;
    width:130px;
    height:130px;
    left:0;
    top:0;
    z-index:100;
    display: none;
}
.login-tab{
    text-align:center;
    margin-bottom:28px;
    font-size:18px;
    color:#b4b4b4;
}
.login-tab .active{
    color:#333;
}
.login-show{
    display: none;
}
.tab-span{
    cursor: pointer;
}
#tab-1{
    display: block;
}
.jihuo-email{
    width:280px;
    margin:0 auto;
}
.jihuo-email .email-input{
    width:278px;
    height:34px;
    line-height:34px;
    text-indent:10px;
    border:1px solid #0078d7;
    font-size:16px;
}
.code-input{
    width:174px;
    height:34px;
    line-height:34px;
    font-size:16px;
    text-indent:10px;
    border:1px solid #ccc;
    padding-left: 5px;
}
.login-code label:hover{
    background:#0067c5;
}
.login-code{
    margin-top:14px;
}
.login-code button{
    font-size:15px;
    display: inline-block;
    width:94px;
    height:34px;
    text-align: center;
    background:#a1d5ff;
    line-height:34px;
    color:#fff;
    cursor: pointer;
    border:1px solid #a1d5ff;
}
.jihuo-email p{
    font-size:14px;
    margin:13px 0 0 0;
    color:#333;
    text-indent:3px;
}
.login-sub{
    width:280px;
    height:38px;
    line-height:38px;
    border:1px solid #a1d5ff;
    background:#a1d5ff;
    color:#fff;
    cursor: pointer;
    font-size:18px;
}
.jihuo-email .tishi{
    text-align: center;
}
.login-err{
    height:30px;
    color:#de2c2c;
    font-size:14px;
}
.jihuo-email .tishi{
    color:#de2c2c;
}